.product {

		.banner {

			swiper-item {

				image {
					width: 100%;
				}
			}
		}

		.price {
			margin-top: 20rpx;
			color: rgb(255, 68, 68);
			font-size: 32rpx;

			font-weight: bold;

			padding: 0rpx 20rpx;

			.current-price {}

			.old-price {
				text-decoration: line-through;
				font-weight: normal;
				color: #777;
				font-size: 26rpx;
				margin-left: 10rpx;
			}

			.sale-number {

				color: #777;
				float: right;
				margin-right: 20rpx;
				font-weight: normal;
				font-size: 28rpx;

			}
		}

		.name {

			margin-top: 20rpx;
			padding: 0rpx 20rpx;
			font-size: 32rpx;
		}

		.pindan-module {

			//height:500rpx;
			height: auto;
			overflow: hidden;
			padding: 0rpx 20rpx 20rpx;

			.head {

				height: 60rpx;
				line-height: 60rpx;

				display: flex;
				justify-content: space-between;

				border-bottom: solid 1px #ddd;
				align-items: center;

				.tit {}

				.more {
					display: flex;
					align-items: center;
					color: gray;
					font-size: 24rpx;

					.arrow {}
				}



			}

			.list {
				height: 300rpx;

				.item {

					display: flex;
					justify-content: space-between;
					align-items: center;
					height: 100rpx;
					border-bottom: solid 1px #ddd;

					.customer {

						display: flex;
						align-items: center;

						.photo {

							width: 80rpx;
							height: 80rpx;
							border-radius: 40rpx;
							overflow: hidden;
							margin-right: 10rpx;

						}

						.nickname {
							font-size: 28rpx;
						}

					}

					.pindan-btn {

						display: flex;
						align-items: center;

						.progress {
							font-size: 24rpx;

							.number {}

							.time {}
						}


						.go {

							height: 50rpx;
							width: 120rpx;
							line-height: 50rpx;
							margin-left: 20rpx;
							text-align: center;
							font-size: 28rpx;
							color: #fff;
							background-color: #ff3c29;
							border-radius: 10rpx;

						}

					}
				}
			}
		}

		.biaoqian {

			background-color: #fff;
			line-height: 2;

			display: flex;
			justify-content: space-around;
			margin-bottom: 10rpx;

			.head-comment,
			.head-xiangqing {

				text-align: center;

				&.active {

					&:after {
						content: "";
						display: block;
						border-bottom: solid 2px #ff6868;
					}

				}

			}



		}

		.detail {

			//padding:0 20rpx 0 20rpx;
			padding: 0 20rpx 150rpx 20rpx;
		}

		.comment {
			padding: 0 40rpx;
			margin-bottom: 150rpx;

			.item {

				padding: 40rpx 0;
				border-bottom: solid 1px #cdcdcd;

				&:last-child {
					border-bottom: none;
				}

				.author-date {

					display: flex;
					justify-content: space-between;
					align-items: center;
					font-size: 26rpx;
					line-height: 2;

					.avatar {
						display: flex;
						align-items: center;

						image {
							width: 60rpx;
							height: 60rpx;
							overflow: hidden;
							border-radius: 30rpx;
						}

						.author {
							margin-left: 20rpx;
						}
					}


					.date {}

				}

				.score {
					width: 60px;

					.star {
						&.one {
							width: 20%;
						}

						&.two {
							width: 40%;
						}

						&.three {
							width: 60%;
						}

						&.four {
							width: 80%;
						}

						&.five {
							width: 100%;
						}

						image {
							width: 60px;
						}
					}
				}

				.content {

					margin-top: 20rpx;
					color: #33331c;
					font-size: 28rpx;
				}

				.img-show {

					display: flex;
					justify-content: flex-start;
					margin: 20rpx 0 0;

					a,.item {

						display: block;
						flex: none;
						width: 33%;
						box-sizing: border-box;
						padding: 0 10rpx 0 0;

						image {

							width: 100%;

						}
					}
				}
			}
		}

		.bottom-panel {

			position: fixed;
			bottom: 0;
			width: 100%;
			height: 120rpx;
			padding: 0 20rpx;


			background-color: #fff;
			box-shadow: 0 -3rpx 10rpx #ddd;

			display: flex;
			align-items: center;
			justify-content: space-between;

			.cart {

				position: relative;

				image {
					width: 60rpx;
				}

				.number {

					position: absolute;

					right: -10rpx;
					top: -10rpx;
					font-size: 20rpx;
					width: 30rpx;
					height: 30rpx;
					border-radius: 15rpx;
					overflow: hidden;
					background-color: #ff6868;
					color: #fff;
					text-align: center;

				}


			}

			.button-group {
				width: 480rpx;
				height: 80rpx;
				line-height: 80rpx;

				vertical-align: middle;
				text-align: center;
				color: #fff;
				font-size: 28rpx;
				font-weight: bold;
				border-radius: 40rpx;
				overflow: hidden;

				.add-cart {

					width: 50%;
					display: inline-block;
					height: 100%;

					//border-top-left-radius: 40rpx;
					//border-bottom-left-radius: 40rpx;
					background-color: rgb(255, 136, 85);
				}

				.buy {
					//border-top-right-radius: 40rpx;
					//border-bottom-right-radius: 40rpx;

					display: inline-block;
					width: 50%;
					height: 100%;
					background-color: rgb(255, 68, 68);
				}
			}


		}
	}